<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				background-color:#eeeeee ;
			}
			#parent{
				width: 150px;
				height: 200px;
				background-color: #eeeeee;
				border: #888888 1px solid;
				padding: 20px;
				border-radius: 20px 20px 20px 20px;
			}
			#div1{
				border: green 1px solid;
				background-color: green;
				width: 50px;
				height: 50px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 1;
				top:50px
			}
			#div2{
				border: white 1px solid;
				background-color: white;
				width: 35px;
				height: 35px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 2;
				left: 36px;
				top:56px;
			}
			#div3{
				border: green 1px solid;
				background-color: green;
				width: 25px;
				height: 25px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 3;
				left: 41px;
				top:61px;
			}
			#div4{
				border: white 1px solid;
				background-color: white;
				width: 15px;
				height: 15px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 4;
				left: 46px;
				top:66px;
			}
			#div5{
				border: green 1px solid;
				background-color: green;
				width: 10px;
				height: 10px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 5;
				left: 48.5px;
				top:68.5px;
			}
			#div6{
				border: blue 1px solid;
				background-color: blue;
				width: 50px;
				height: 50px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 1;
				left: 135px;
			}
			#div7{
				border: white 1px solid;
				background-color: white;
				width: 35px;
				height: 35px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 2;
				left: 143px;
				top:36px;
			}
			#div8{
				border: blue 1px solid;
				background-color: blue;
				width: 25px;
				height: 25px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 3;
				left: 148px;
				top:41px;
			}
			#div9{
				border: white 1px solid;
				background-color: white;
				width: 15px;
				height: 15px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 4;
				left: 153px;
				top:46px;
			}
			#div10{
				border: blue 1px solid;
				background-color: blue;
				width: 10px;
				height: 10px;
				border-radius: 80%;
				position: absolute;
				display: inline-block;
				z-index: 5;
				left: 155px;
				top:48.5px;
			}
			#bing3{
				position: fixed;
				background-color: white;
				border: red 8px solid;
				border-radius: 80%;
				width: 35px;
				height: 35px;
				top: 35px;
				left: 80px;
				z-index: 1;
			}
			#bing3-child{
				position: fixed;
				background-color: white;
				border: red 6px solid;
				border-radius: 80%;
				width: 15px;
				height: 15px;
				top: 48px;
				left: 92px;
				z-index: 2;
			}
			#bing3-child2{
				position: fixed;
				background-color: red;
				border: red 6px solid;
				border-radius: 80%;
				width: 0.1px;
				height: 0.1px;
				top: 55px;
				left: 99px;
				z-index: 3;
			}
			#bing1{
				position: fixed;
				background-color: white;
				border: blue 8px solid;
				border-radius: 80%;
				width: 35px;
				height: 35px;
				top: 170px;
				z-index: 1;
			}
			#bing1-child{
				position: fixed;
				background-color: white;
				border: blue 6px solid;
				border-radius: 80%;
				width: 15px;
				height: 15px;
				top: 182px;
				left: 41px;
				z-index: 2;
			}
			#bing1-child2{
				position: fixed;
				background-color: blue;
				border: blue 6px solid;
				border-radius: 80%;
				width: 0.1px;
				height: 0.1px;
				top: 189.3px;
				left: 48.3px;
				z-index: 3;
			}
			#bing2{
				position: fixed;
				background-color: white;
				border: green 8px solid;
				border-radius: 80%;
				width: 35px;
				height: 35px;
				top: 170px;
				left: 120px;
				z-index: 1;
			}
			#bing2-child{
				position: fixed;
				background-color: white;
				border: green 6px solid;
				border-radius: 80%;
				width: 15px;
				height: 15px;
				top:182px;
				left: 132px;
				z-index: 2;
			}
			#bing2-child2{
				position: fixed;
				background-color: green;
				border: green 6px solid;
				border-radius: 80%;
				width: 0.1px;
				height: 0.1px;
				top: 189.5px;
				left: 139.5px;
				z-index: 3;
			}
			#bing4{
				position: fixed;
				background-color: white;
				border: green 8px solid;
				border-radius: 80%;
				width: 35px;
				height: 35px;
				top: 110px;
				left: 120px;
				z-index: 1;
			}
			#bing4-child{
				position: fixed;
				background-color: white;
				border: green 6px solid;
				border-radius: 80%;
				width: 15px;
				height: 15px;
				top:122px;
				left: 132px;
				z-index: 2;
			}
			#bing4-child2{
				position: fixed;
				background-color: green;
				border: green 6px solid;
				border-radius: 80%;
				width: 0.1px;
				height: 0.1px;
				top: 130.5px;
				left: 139.5px;
				z-index: 3;
			}
             #bing5{
				position: fixed;
				background-color: white;
				border: blue 8px solid;
				border-radius: 80%;
				width: 35px;
				height: 35px;
				top: 110px;
				z-index: 1;
			}
			#bing5-child{
				position: fixed;
				background-color: white;
				border: blue 6px solid;
				border-radius: 80%;
				width: 15px;
				height: 15px;
				top: 122px;
				left: 41px;
				z-index: 2;
			}
			#bing5-child2{
				position: fixed;
				background-color: blue;
				border: blue 6px solid;
				border-radius: 80%;
				width: 0.1px;
				height: 0.1px;
				top: 130.5px;
				left: 48.3px;
				z-index: 3;
			}
		</style>
		
	</head>
	<body>
		<div id="parent">
			<!-- 第一排 -->
			<div>
				<div id="div1"></div>
				<div id="div2"></div>
				<div id="div3"></div>
				<div id="div4"></div>
				<div id="div5"></div>
			</div>
			<div>
				<div id="div6"></div>
				<div id="div7"></div>
				<div id="div8"></div>
				<div id="div9"></div>
				<div id="div10"></div>
			</div>
			<!-- 第二排 -->
			<div>
				<div id="bing3"></div>
				<div id="bing3-child"></div>
				<div id="bing3-child2"></div>
			</div>
			<div>
				<div id="bing4"></div>
				<div id="bing4-child"></div>
				<div id="bing4-child2"></div>
				<div id="bing5"></div>
				<div id="bing5-child"></div>
				<div id="bing5-child2"></div>
			</div>
			<!-- 第三排 -->
			<div>
				<div id="bing1"></div>
				<div id="bing1-child"></div>
				<div id="bing1-child2"></div>
				<div id="bing2"></div>
				<div id="bing2-child"></div>
				<div id="bing2-child2"></div>
			</div>
		</div>
	</body>
</html>